<template>
<div class="wrap">
    <xcl-header :back-btn="backBtn" :page-title="pageTitle"></xcl-header>
    <article class="content" style="background:url(/src/asserts/images/404.png) no-repeat center 10%;background-size:90%;height:600px;overflow:auto;"> 

    </article>
     <div class="row" style="padding-top:100%;margin:2em;">
        <div class="col-50">
          <a class="button button-fill" v-link="{name:'Index'}">首页</a>
        </div>
        <div class="col-50">
          <a class="button button-fill" @click="back">返回</a>
        </div>
      
      </div>
 </div>                      
</template>

<script>
  import xclHeader from '../components/header.vue'
  export default {
        data (){
            return {
                scroll:true,
                pageTitle:'页面找不到了',
                backBtn:true
            }
        },
        ready (){
           
        },
        methods:{
          back(){
            history.back();
          } 
        },
        components:{
           "xclHeader":xclHeader
        }
  }
</script>

